<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<style type="text/css">
		body {
			width: 100%;
			height: 100%;
			padding: 0;
			margin: 0;
			background: #f1f1f1;
		}

		img {
			width: 100%;
			height: 100%;
		}

		table {

			left: 0.625rem;
			margin-left: 0.625rem;
		}

		th {
			width: 8.9375rem;
			height: 25px;
			font-size: 0.7rem;
			font-family: PingFang SC;
			font-weight: 500;
			color: #333333;
			text-align: start;

		}

		td {

			width: 11.9375rem;
			height: 5.75rem;
			line-height: 2.75rem;

		}

		.minibox {
			position: relative;
			width: 93%;
			left: 3.5%;
			height: 50%;
			background: #FFFFFF;
			border: 1px solid rgba(212, 212, 212, 0.15);
			border-radius: 10px;
			top: -10px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.miniimg {
			/* position: relative; */
			width: 30px;
			height: 30px;
			/* left: 20px; */
			margin-right: 5px;
			/* top: 7px; */
		}

		.minitext {
			/* position: relative;
			width: 30px;
			height: 30px; */
			/* left: 20px;
			top: -3px; */

			font-size: 10px;
			font-family: PingFang SC;
			font-weight: 500;
			color: #4B4B4B;

		}
	</style>
</head>

<body>
	<img src="banner@2x.png">
	<table>
		<tr>
			<th>作业类型</th>
		</tr>
		<tr></tr>
		<tr>
			<td>
				<div id="" class="minibox" onclick="scratch()">
					<img src="scratch@2x.png" class="miniimg">
					<span class="minitext"> Scratch</span>
				</div>
			</td>
			<td>
				<div id="" class="minibox" onclick="python()">
					<img src="python@2x.png" class="miniimg">
					<span class="minitext"> Python</span>
				</div>
			</td>
			<td>
				<div id="" class="minibox " onclick="microbit()">
					<img src="microbit@2x.png" class="miniimg" style="height: 20px; top: 3px;">
					<span class="minitext"> Micro:bit</span>
				</div>
			</td>
		</tr>
		<tr>
			<td>
				<div id="" class="minibox" onclick="arduino()">
					<img src="arduino@2x.png" class="miniimg" style="height: 15px;top: 3px;">
					<span class="minitext"> Arduino</span>
				</div>
			</td>
		</tr>
	</table>

</body>
<script type="text/javascript">
	function getParam() {
		var url = location.search; //获取url中"?"符后的字串
		if (url.indexOf("?") != -1) {
			var str = url.substr(1);
			strs = str.split("&");
			id = decodeURIComponent(strs[0].replace("id=", ""));
			localStorage.setItem("childId", id);
		}
	}
	getParam();

	function scratch() {
		localStorage.setItem("courseType", "Scratch");
		location.href = "../workList/workList.html"
	}

	function python() {
		localStorage.setItem("courseType", "Python");
		location.href = "../workList/workList.html"
	}

	function microbit() {
		localStorage.setItem("courseType", "Micro:bit");
		location.href = "../workList/workList.html"
	}

	function arduino() {
		localStorage.setItem("courseType", "Arduino");
		location.href = "../workList/workList.html"
	}
</script>

</html>